/* 设置页面样式 */

/* 主标题样式 */
.main-title {
    -fx-font-size: 24px;
    -fx-font-weight: bold;
    -fx-text-fill: #4a86e8;
    -fx-padding: 0 0 15 0;
}

/* 设置区域样式 */
.settings-section {
    -fx-background-color: white;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 4, 0, 0, 2);
    -fx-spacing: 12;
}

/* 设置项样式 */
.settings-item {
    -fx-padding: 10 0;
    -fx-spacing: 10;
}

/* 区域标题样式 */
.section-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
}

/* 分隔线样式 */
.separator .line {
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
}

/* 链接标签样式 */
.link-label {
    -fx-text-fill: #4a86e8;
    -fx-font-size: 12px;
    -fx-cursor: hand;
    -fx-padding: 2 0 0 0;
}

.link-label:hover {
    -fx-underline: true;
}

/* 提示标签样式 */
.hint-label {
    -fx-text-fill: #999999;
    -fx-font-size: 12px;
    -fx-padding: 2 0 0 0;
}

/* 关于区域样式 */
.about-section {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
}

/* 按钮样式 */
.primary-button {
    -fx-background-color: #4a86e8;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 8 15;
    -fx-background-radius: 4;
}

.primary-button:hover {
    -fx-background-color: #3a76d8;
}

.primary-button:pressed {
    -fx-background-color: #2a66c8;
}

.secondary-button {
    -fx-background-color: #f5f5f5;
    -fx-border-color: #d0d0d0;
    -fx-text-fill: #333333;
    -fx-padding: 8 15;
    -fx-background-radius: 4;
    -fx-border-radius: 4;
}

.secondary-button:hover {
    -fx-background-color: #e5e5e5;
}

.secondary-button:pressed {
    -fx-background-color: #d5d5d5;
}

/* 图标按钮样式 */
.icon-button {
    -fx-background-color: transparent;
    -fx-border-color: #4a86e8;
    -fx-text-fill: #4a86e8;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-padding: 5 10;
}

.icon-button:hover {
    -fx-background-color: #f0f7ff;
}

.icon-button:pressed {
    -fx-background-color: #e0f0ff;
}

/* 输入框样式 */
.text-field, .password-field, .combo-box {
    -fx-background-color: white;
    -fx-border-color: #cccccc;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
    -fx-padding: 5 8;
}

.text-field:focused, .password-field:focused, .combo-box:focused {
    -fx-border-color: #4a86e8;
}

/* 组合框样式 */
.combo-box .arrow-button {
    -fx-background-color: transparent;
}

.combo-box .arrow {
    -fx-background-color: #666666;
}

/* 开关样式 */
.toggle-switch-back {
    -fx-stroke: transparent;
}

/* 滚动面板样式 */
.scroll-pane {
    -fx-background-color: #f5f5f5;
    -fx-padding: 0;
}

.scroll-pane > .viewport {
    -fx-background-color: #f5f5f5;
}

/* 暗黑模式样式 */
.dark-mode {
    -fx-background-color: #333333;
}

.dark-mode .settings-section {
    -fx-background-color: #444444;
}

.dark-mode .section-title {
    -fx-text-fill: #e0e0e0;
}

.dark-mode .label {
    -fx-text-fill: #e0e0e0;
}

.dark-mode .hint-label {
    -fx-text-fill: #888888;
}

.dark-mode .link-label {
    -fx-text-fill: #78a9ff;
}

.dark-mode .about-section {
    -fx-background-color: #3a3a3a;
}

.dark-mode .secondary-button {
    -fx-background-color: #555555;
    -fx-border-color: #666666;
    -fx-text-fill: #e0e0e0;
}

.dark-mode .text-field, .dark-mode .password-field, .dark-mode .combo-box {
    -fx-background-color: #555555;
    -fx-border-color: #666666;
    -fx-text-fill: #e0e0e0;
}

.dark-mode .separator .line {
    -fx-border-color: #555555;
}

.dark-mode .scroll-pane {
    -fx-background-color: #333333;
}

.dark-mode .scroll-pane > .viewport {
    -fx-background-color: #333333;
} 